<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Garen</title>
	<link rel="icon" href="images/favicon.ico" type="image/x-icon">

	<link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
	<link href="/Blog/public/style/css/style.css" rel="stylesheet">

	<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
	<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<script>
	$(function(){
		$('#myTabs a').click(function (e) {
		  	e.preventDefault();
		  	$(this).tab('show');
		});
	})
		
	</script>
</head>
<body>
	<header id="header">
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
			      	</button>
		      		<a class="navbar-brand" href="#">
			        	<img alt="Brand" src="/Blog/public/style/images/g.png">
			      	</a>
			    </div>
			    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			    	<ul class="nav navbar-nav" id="myTabs">
						<li role="presentation" class="active current-menu-item"><a href="index.html" target="_blank">首页</a></li>
						<li role="presentation" class="current-menu-item"><a href="index.html">博客列表</a></li>
						<li role="presentation" class="current-menu-item"><a href="index.html">学习生涯</a></li>
						<li role="presentation" class="current-menu-item"><a href="#">关于</a></li>
					</ul>
			    </div>				
			</div>			
		</nav>
    </header>
    <div class="home-title">
    	<div class="container">
    		<div class="row">
    			<div class="col-xs-12 col-sm-6">
    				<h2>Garen's Blog</h2>
    				<p>关注互联网动态，分享IT技术知识</p>
    			</div>
    			<div class="col-xs-12 col-sm-6">
    				<div class="media">
						<div class="media-left media-middle">
						    <a href="#">
						      	<img class="media-object" src="/Blog/public/style/images/ggg.png" alt="Blog">
						    </a>
					  	</div>
					  	<div class="media-body">
					    	<p class="media-heading"><b>欢迎来到我的博客</b><br>
						    在这你可以……</p>
					  	</div>
					</div>
    			</div>
    		</div>
    	</div>
    </div>
    <div class="main-container">
    	<div class="container">
    		<div class="nav-bread">    			
    			<ol class="breadcrumb">
				  	<li><a href="#" class="glyphicon glyphicon-home">博客主页</a></li>
				  	<li><a href="#">程序生涯</a></li>
				  	<li class="active">第一篇文章</li>
				</ol>
    		</div>
    	</div>
    	<div class="container">
    		<div class="row">
    			<div class="col-xs-12 col-sm-8 article-list">
					<?php if(is_array($art)): foreach($art as $k=>$v): ?><article>
	    					<h2><a href="<?php echo ($v["title"]); ?>"><?php echo ($v["title"]); ?></a></h2>
	    					<div class="meta">
	    						<span class="meta-label">
	    							<i class="glyphicon glyphicon-calendar"></i>
	    							日期：<?php echo ($v["add_time"]); ?>
	    						</span>
	    						<span class="meta-label">
	    							<i class="glyphicon glyphicon-user"></i>
	    							作者：<a href="#"><?php echo ($v["autho"]); ?></a>
	    						</span>
	    						<span class="meta-label">
	    							<i class="glyphicon glyphicon-menu-hamburger"></i>
	    							分类：<a href="#"><?php echo ($v["cid"]); ?></a>
	    						</span>
	    						<span class="meta-label">
	    							<i class="glyphicon glyphicon-bookmark"></i>
	    							点击：<?php echo ($v["click"]); ?>
	    						</span>
	    					</div>
	    					<div class="row">
	    						<div class="col-xs-12 col-sm-12 col-md-12">    							
							    	<?php echo (mb_substr($v["content"],0,200,'utf-8')); ?>
									<p class="more-link">
										<a href="#">阅读全文</a>
									</p>
	    						</div>
	    					</div>
	    				</article><?php endforeach; endif; ?>
                    
					<div class="page-navi pagination dataTables_paginate"><?php echo ($page); ?></div>
    				<!-- <div class="page-navi">   			
    				
    					<a href="#">第一页</a>    					
    					<a href="#">上一页</a>
    					<a href="#" class="current">1</a>
    					<a href="#">2</a>
    					<a href="#">3</a>
    					<a href="#">下一页</a>
    					<a href="#">最后一页</a>
    				</div> -->
    			</div>
    			<div class="col-xs-12 col-sm-4 sidebar-index">
    				<div class="pagesidebar">
    					<aside class="widget widget_search">
    						<form action="" class="searchform" id="searchform">
    							<div>
    								<input type="text" id="s" placeholder="请输入关键字">
    								<input type="submit" id="searchsubmit" value="搜索">
    							</div>
    						</form>
    					</aside>
                        <aside class="widget widget_search">
                            <h3 class="widget-title">标签云</h3>
                            <hr>
                            <div class="tagcloud">
                                <a href="#" style="font-size:8pt;">标签1</a>
                                <a href="#" style="font-size:15pt;">标签2</a>
                                <a href="#" style="font-size:12pt;">标签3</a>
                                <a href="#" style="font-size:8pt;">标签4</a>
                                <a href="#" style="font-size:8pt;">标签1</a>
                                <a href="#" style="font-size:15pt;">标签2</a>
                                <a href="#" style="font-size:12pt;">标签3</a>
                                <a href="#" style="font-size:8pt;">标签4</a>
                                <a href="#" style="font-size:8pt;">标签1</a>
                                <a href="#" style="font-size:15pt;">标签2</a>
                                <a href="#" style="font-size:12pt;">标签3</a>
                                <a href="#" style="font-size:8pt;">标签4</a>
                            </div>
                        </aside>
                        <aside class="widget widget_categories">
                            <h3 class="widget-title">文章分类</h3>
                            <hr>
                            <ul>
                                <li><a href="#">分类1</a></li>
                                <li><a href="#">分类2</a></li>
                                <li><a href="#">分类3</a></li>
                                <li><a href="#">分类4</a></li>
                            </ul>
                        </aside>
                        <aside class="widget widget_categories">
                            <h3 class="widget-title">近期文章</h3>
                            <hr>
                            <ul>
                                <li><a href="#">文章标题1文章标题1文章标题1</a></li>
                                <li><a href="#">文章标题2文章标题2文章标题2文章标题2文章标题2文章标题2</a></li>
                                <li><a href="#">文章标题3文章标题3</a></li>
                                <li><a href="#">文章标题4文章标题4文章标题4文章标题4</a></li>
                            </ul>
                        </aside>
                        <aside class="widget widget_categories">
                            <h3 class="widget-title">近期评论</h3>
                            <hr>
                            <ul>
                                <li><a href="#">文章标题1文章标题1文章标题1</a></li>
                                <li><a href="#">文章标题2文章标题2文章标题2文章标题2文章标题2文章标题2</a></li>
                                <li><a href="#">文章标题3文章标题3</a></li>
                                <li><a href="#">文章标题4文章标题4文章标题4文章标题4</a></li>
                            </ul>
                        </aside>
                        <aside class="widget widget_categories">
                            <h3 class="widget-title">文章归档</h3>
                            <hr>
                            <ul>
                                <li><a href="#">2015年十月</a></li>
                                <li><a href="#">2015年九月</a></li>
                                <li><a href="#">2015年八月</a></li>
                                <li><a href="#">2015年七月</a></li>
                            </ul>
                        </aside>
                        <aside class="widget widget_categories">
                            <h3 class="widget-title">书签</h3>
                            <hr>
                            <ul>
                                <li><a href="#">链接1</a></li>
                                <li><a href="#">链接2</a></li>
                                <li><a href="#">链接3</a></li>
                                <li><a href="#">链接4</a></li>
                            </ul>
                        </aside>
    				</div>
    			</div>
    		</div>
    	</div>
    </div>
    <footer>
    	<div class="container">
    		<div class="row">
    			<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
    				<p>© 版权所有 2015-2016 Garen</p>
    				<p>滇ICP备14004837号-2</p>
    			</div>
    			<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
    				<p>站长邮箱：haibusoi@qq.com</p>
    				<p>QQ:987215910</p>    				
    			</div>
    			<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
    				<div class="ft-text-right">
    					<a href="#">
    						<img src="" alt="">
    					</a>
    					<a href="#">
    						<img src="" alt="">
    					</a>
    					<a href="#">
    						<img src="" alt="">
    					</a>
    				</div>
    			</div>
    		</div>
    		<hr>
    		<div class="row">
    			<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
    				<p>© 版权所有 2015-2016 Garen</p>
    				<p>滇ICP备14004837号-2</p>
    			</div>
    			<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
    				<p>站长邮箱：haibusoi@qq.com</p>
    				<p>QQ:987215910</p>    				
    			</div>
    		</div>
    	</div>
    </footer>
    <!--a href="#" class="crunchify-top" style="display: inline;">
    	<i class="glyphicon glyphicon-arrow-up fa-lg"></i>
    </a-->

    <div class="tab-bar">
        <div class="tab-top">
           	<em class="tab-text">顶部</em>
       	 	<i class="tab-ico"><span class="glyphicon glyphicon-chevron-up"></span></i>
        </div>
    </div>
</body>
</html>
<script>
	$(function(){
		$(".tab-top").click(function(){
			$("html,body").animate({scrollTop:"0px"},"slow");
			//alert("1");
			console.log("回到顶部");
		});
	})
</script>